.code-editing-wrap {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  &-header {
    background-color: #424647;
    &-title {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #13C2C2;
      & > p {
        margin:10px 0 0 8px;
        font-size: 16px;
        color: #13C2C2;
      }
    }
    & > p {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #8C8C8C;
      font-size: 12px;
      margin-top: 4px;
    }
  }
  nav {
    flex: 1;
    overflow: hidden;
    //margin-bottom: 14px;

    ul {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      padding: 0;
      overflow: auto;
      &::-webkit-scrollbar {
        //width: 10px; /* 设置滚动条的宽度 */
      }

      &::-webkit-scrollbar-track {
        background: transparent; /* 滚动条轨道的背景颜色 */
      }

      &::-webkit-scrollbar-thumb {
        background: #4E5253; /* 滚动条实际可拖动部分的颜色 */
      }

      &::-webkit-scrollbar-thumb:hover {
        background: #555; /* 滚动条可拖动部分的悬停颜色 */
      }
      li {
        width: 108px;
        padding: 4px 5px 4px 8px;
        color: #fff;
        background: rgba(255, 255, 255, 0.1);
        margin-bottom: 6px;
        cursor: pointer;
      }
    }
  }
}
